<template>
  <div id="app">
  	<transition name="fade">
  		<router-view/>
  	</transition>
  </div>
</template>
<script type="text/javascript">
export default{
	created(){
		
	},
	mounted(){
		window.onbeforeunload = function(e){
			//获取是否记住用户的值 remember
	    //如果值是true,则关闭页面什么都不做
	    //如果为false,表示不记住用户,则关闭页面的时候,清除localStorage记录,
	    //让用户下次登录的系统直接跳转到登录页面
	    /**
	     * 字符串转换成Boolean
	     * true
	     * false
	     * 
	     */
	    // 由于remmber的值是以字符串形式存储到localStorage里,因此要判断它是否是
	    //true或者false,需要用三目运算符来比较得出结果
			var remember = localStorage.getItem('remember')=='false'?false:true;
			if(!remember){
				localStorage.clear();
			}
		}
	}
}
</script>
<style lang="scss">
.fade-enter-active,.fade-leave-active {
  transition: all 0.5s;
}
.fade-enter,.fade-leave-to {
  opacity: 0;
}
#app{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
</style>
